<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>考拉海购</title>
    <link rel="icon" href="../image/考拉图标.ico">
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./common.css">
    <style>
        
        body
        {
            background-color: #999;
        }

        .sport
        {
            width: 1100px;
        }

        .item
        {
            height: 541px;
           float: left;
        }
 
        .left
        {
          width: 330px;
          background-color: blue;
        }
       
        .center
        {
            float: left;
            width: 550px;
            background-color: #fff;
        }

        
        .center .item
        {
            width: 274px;
            height: 271px;
            border: 1px solid #999;
            border-left: none;
            margin-top: -1px;
        }
        
        
        
        .right
        {
            float: left;
            width: 220px;
            background-color: #fff;
        }
        
        .right .header
        {
            height: 60px;
            margin-top: -1px;
        }

        .right .content
        {
            height: 120px;
          
        }
        
        .right-item
        {
           border: 1px #000 solid;
           border-left: none;
        }

 
        

    </style>
</head>
<body>
    <div class="sport">
        <div class="left item"></div>
        <div class="center ">
           <div class="fix-center">
             <div class="item item1">1</div>
            <div class="item item2">2</div>
            <div class="item item3">3</div>
            <div class="item item4">4</div>
           </div>
        </div>
        <div class="right">
            <div class="header right-item"></div>
            <div class="content right-item">1</div>
            <div class="content right-item">2</div>
            <div class="content right-item">3</div>
            <div class="content right-item">4</div>
        </div>
    </div>
</body>
</html>